var dateFilterFun=function (date) {
  var month = new Date(parseInt(date) * 1000).getMonth()+1
   return month<10? '0'+month:month
 }

 var dayFilterFun=function (date) {
 var day =new Date(parseInt(date) * 1000).getDate()
 return day<10? '0'+day:day
}
var getAgo=function(str){
  if(str){
    str= str.toString();
    return str.slice(0,4)+'年'+str.slice(4,6)+'月'+str.slice(6,8)+'日'
  }
}
Page({
  data: {
    itemList: [],
    artile: [],
    buttonTop: 0,
    buttonLeft: 0,
    windowHeight: 0,
    windowWidth: 0,
    startPoint:null,
    num:0,
    imgs:'../../images/userImg.jpeg',
    time: new Date(new Date().toLocaleDateString()).getTime() + 86400000- new Date().getTime() ,
    cur: {},
    position: [
      { value: 'bottom', text: '底部弹出' },
    ],
  },
  setFailImg(e){
    var errorImgIndex = e.target.dataset.errorimg//获取当前下标
    console.log('加载失败的数据及下标有：',e,errorImgIndex)
    this.data.itemList[errorImgIndex].user.avatar=this.data.imgs//给原数据指定下标对应的对象赋值（这个值是你指定的默认值）
    this.setData({//重新给原数据赋值
        hotsaleGoodsList:this.data.hotsaleGoodsList
    })
  },
   handlePopup(e) {
    //  console.log(e);
 
    let item=e
    item.value='bottom'
      this.setData(
        {
          cur: item,
        },
        () => {
          this.setData({ visible: true });
        },
      );
    },
    onVisibleChange(e) {
      // console.log(e);
      this.setData({
        visible: e.detail.visible,
      });
    },
  
  getSystemInfo(){
    wx.getSystemInfo({
      success: (res) => {
        // console.log(res, 'info')
        //获取到设备的宽高
        let h = res.windowHeight, w = res.windowWidth
        this.setData({
          windowHeight: h,
          windowWidth: w,
          /* buttonLeft: getStorage('buttonLeft') ? getStorage('buttonLeft') : w * 0.7,
          buttonTop: getStorage('buttonTop') ? getStorage('buttonTop') : h * 0.7 */
          buttonLeft: w * 0.7,
          buttonTop: h * 0.7
        })
      }
    })
  },

  getNewList(arr) {
    arr = arr.reverse()
    let flag = false
    for (let i = 0; i < arr.length; i++) {
      if (i == arr.length - 1) {
        flag = true
      }
      this.getListDeatail(arr[i].lesson_id, flag)
    }
  },
  getListDeatail(id, flag) {
    wx.showLoading({
      title: '加载中',
    })
    wx.request({
      url: 'https://apis.netstart.cn/daodu/lessons/' + id,
      success: (res) => {
        this.data.artile.push(res.data)
        if (flag) {
          for (let i = 0; i < this.data.itemList.length; i++) {
            this.data.itemList[i] = [this.data.itemList[i], this.data.artile[i],{top:'50%',left:'50%'}];
            this.data.itemList[i][0].month= dateFilterFun( this.data.itemList[i][0].created_at);
            this.data.itemList[i][0].day= dayFilterFun( this.data.itemList[i][0].created_at);
            this.data.itemList[i][0].ago= getAgo( this.data.itemList[i][1].date_by_day);
          }
          // console.log(this.data.itemList);
          this.setData({
            itemList: this.data.itemList
          })
        }
      },fail:()=>{
        wx.showToast({
          title: '请求超时，请重新刷新页面！',
        })
      },
      complete:()=>{
        wx.hideLoading()
      }
    })
  },
  getList() {
    wx.request({
      url: 'https://apis.netstart.cn/daodu/today_recommends',
      success: (res) => {
        // console.log(res.data.comments);
        this.setData({
          itemList: res.data.comments
        })
        this.getNewList(res.data.comments)
      }
    })
  },

  like(e){
this.data.itemList[e.currentTarget.dataset['index']][0].my_like=!this.data.itemList[e.currentTarget.dataset['index']][0].my_like;
if(this.data.itemList[e.currentTarget.dataset['index']][0].my_like){
this.data.itemList[e.currentTarget.dataset['index']][0].like_count++
}else{
  this.data.itemList[e.currentTarget.dataset['index']][0].like_count--
}
// console.log(this.data.itemList);
this.setData({
  [`itemList[${e.currentTarget.dataset['index']}]`]:this.data.itemList[e.currentTarget.dataset['index']]
})
  },
  toDeatail(e){
    // console.log(e);
        let item =JSON.stringify(e) 
        // console.log(item);
        wx.navigateTo({
          url: '../deatail/detail?item='+item,
        })
      },
  buttonStart(e) {
    this.setData({
      buttonTop:315,
      buttonLeft:210
    
    })
    this.setData({
      startPoint: e.touches[0]
    })
  
  },
  move(e){
  let endPoint = e.touches[e.touches.length - 1],
  disX = endPoint.clientX - this.data.startPoint.clientX,
  disY = endPoint.clientY - this.data.startPoint.clientY
this.data.startPoint = endPoint

let buttonTop = this.data.buttonTop + disY,
  buttonLeft = this.data.buttonLeft + disX
  this.data.itemList[e.currentTarget.dataset['index']][2].top=buttonTop
  this.data.itemList[e.currentTarget.dataset['index']][2].left=buttonLeft
let obj={
top:buttonTop,
left :buttonLeft,
direction:null
}
if(obj.left>this.data.windowWidth/2+60){
  obj.direction='right'
}
else if(obj.left<this.data.windowWidth/2-60){
  obj.direction='left'
}
  //判断是否超出屏幕
  if (buttonLeft + 52 >= this.data.windowWidth) {
    buttonLeft = this.data.windowWidth - 52
  }
  if (buttonLeft <= 0) {
    buttonLeft = 0
  }
  if (buttonTop + 52 >= this.data.windowHeight) {
    buttonTop = this.data.windowHeight - 52
  }
  if (buttonTop <= 0) {
    buttonTop = 0
  }
  this.setData({
    buttonTop,
    buttonLeft,
    [`itemList[${e.currentTarget.dataset['index']}][2]`]:obj
  })
  },
  
  end(e){
    let item =this.data.itemList[e.currentTarget.dataset['index']][2]//原变量名太长了，用一个变量接着
    if(item.top=='50%')
    {  return}//点击事件出问题，只能这样判断
    else if(item.top<150){//判断上拉情况，展示弹出层
      this.handlePopup(this.data.itemList[e.currentTarget.dataset['index']][0])
      // console.log('可以放大拉');
      item.left='50%'
      item.top='50%'
      item.direction=null
      this.setData({
        [`itemList[${e.currentTarget.dataset['index']}][2]`]:  item
      })
    }
    else if(item.top>500){
      // console.log('向下拉');
      item.left='50%'
      item.top='50%'
      item.direction=null
      // console.log(this.data.itemList[e.currentTarget.dataset['index']][1]);
      this.toDeatail([this.data.itemList[e.currentTarget.dataset['index']][1],'五月十五'])
     
      this.setData({
        [`itemList[${e.currentTarget.dataset['index']}][2]`]:  item
      })
    }
    else{
      if( item.left<300&&item.left>50){//判断左右是否超过临界点，然后归位
        item.left='50%'
        item.top='50%'
        item.direction=null
        this.setData({
          [`itemList[${e.currentTarget.dataset['index']}][2]`]:  item
        })
      }else{//判断为左拉或者右拉超过临界点，看左拉还是右拉，判断往哪去
        if(wx.getStorageSync('user')==''){
          // console.log(123);
          wx.showToast({
            title: '请登陆后再进行操作',
          })
          item.left='50%'
          item.top='50%'
          item.direction=null
          this.setData({
            [`itemList[${e.currentTarget.dataset['index']}][2]`]:  item
          })

          return
        }
        if(item.left>300){
          item.left=800
        }else{//左滑喜欢
          let user = wx.getStorageSync('user');
          this.data.num++
          if(this.data.num>user.number){
          wx.showToast({
            title: '喜欢超5条请充值',
          })
            item.left='50%'
            item.top='50%'
            item.direction=null
            this.setData({
              [`itemList[${e.currentTarget.dataset['index']}][2]`]:  item
            })
            return
          }
      
          item.left=-800
          wx.cloud.callFunction({//添加到数据库里面
            name:'getdata',//数据库名
            data:{
              obj:this.data.itemList[e.currentTarget.dataset.index][1]//某一项
            },
            success:(res)=>{
              // console.log('调用成功',res);
            }
          })
        }
        this.setData({
          [`itemList[${e.currentTarget.dataset['index']}][2]`]:  item
        })   
        setTimeout(()=>{
          this.data.itemList.splice(e.currentTarget.dataset['index'],1)
          this.setData({
            itemList:this.data.itemList
          })
        },500)
      }
    };
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    // console.log(123);
    this.getList()//获取上下列表的api接口
    this.getSystemInfo()//获取设备宽高，并赋值
    // this.getfun()
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  },
})